<template>
  <div class="audition118">
    <v-md-preview :text="text1" />
  </div>
</template>

<script>
const prefix = '``` html'
const suffix = '```'
export default {
  name: 'Audition118',
  data() {
    return {
      text1: `${prefix}
      <!-- <!DOCTYPE html> -->
      <html lang="en">
      <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
          p {
            font-size: 20px;
            font-weight: 400;
          }
          span {
            display: inline-block;
            transform: scale(0.5);
            transform-origin: left;
          }
        </style>
      </head>
      <body>
        <p><span>hahhahah</span></p>
      </body>
      </html>
      \n${suffix}`,
    }
  }
}
</script>

<style>

</style>